<template>
    <div class="content-fluid">
       <form class="inline" name="testForm">
           <div class="row">
               <div class="col-md-4">
                   <label>姓名</label>
                   <input type="text" class="form-control"  v-model="name" placeholder="input your name">
               </div>
               <div class="col-md-4"> <label>年龄</label>
                   <input type="text" class="form-control"  v-model="age" placeholder="input your age">
               </div>
               <div class="col-md-4">other info</div>
           </div>
           <div class="row">
               <div class="col-md-5"></div>
               <div class="col-md-7">
                   <button class="btn btn-primary" onclick="return false;">搜索</button>
               </div>
           </div>


       </form>


        <List :dataList="userList" fuck="fuck you"></List>
    </div>
</template>
<style>

</style>
<script>

    import List from "./List.vue"

    let userList=[{"id":1,"name":"david","age":10},{"id":2,"name":"jim wright","age":20}];
    var Manage= Vue.component("g-manage",{
        data(){
            return{
                "userList":userList,
                "name":"",
                "age":""
            }
        },
        methods:{
            "logInfo":function(event){
                console.log(event.target.value);
                console.log(this.message);

            }
        },
        created:function(){
            window['Manage']=this;
        },
        components:{
            "List": List
        }
    });

    export default Manage;
</script>
